<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>demo</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link href="easyui/themes/insdep/easyui.css" type="text/css" rel="stylesheet">
  	<link href="easyui/themes/insdep/easyui_animation.css" type="text/css" rel="stylesheet">
  	<link href="easyui/themes/insdep/easyui_plus.css" type="text/css" rel="stylesheet">
  	<link href="easyui/themes/insdep/insdep_theme_default.css" type="text/css" rel="stylesheet">
  	<link href="easyui/themes/insdep/icon.css" type="text/css" rel="stylesheet">


	<script type="text/javascript" src="easyui/script/jquery.min.js"></script>
  	<script type="text/javascript" src="easyui/script/jquery.easyui.min.js"></script>
  	<script type="text/javascript" src="easyui/script/easyui-lang-zh_CN.js"></script>
  	<script type="text/javascript" src="easyui/themes/insdep/jquery.insdep-extend.min.js"></script>
	<script type="text/javascript">
		$(function(){  
			$("#grid").datagrid({
  				url : "role/list",
  				columns : [[
  					{title : "id" , field: "rid" ,width:"10%"},
  					{title : "名称" , field: "rname" ,width:"20%"}
  				]],
  				toolbar : "#tb" , 
  				title : "角色列表",
  				pagination :true,
  				fit : true,
  				striped : true,
  				singleSelect : true
  			});
		});
	</script>  
  </head>
  
  <body>
    <table id="grid"></table>  
    <div id="tb">
   		<a id="btnAdd" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'">新增</a>
   		<a id="btnEdit" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit'">修改</a>
   		<a id="btnDelete" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove'">删除</a>
   	</div>
  </body>
</html>
